.clearfix{clear: both;}
.in_left{ float: left; overflow: hidden; width: 25%}
.leftMenu{clear: both;}
.leftMenu .hd{color: #00746b; font-family: "en_22";font-size: 1.4rem; margin-bottom: 1rem}
.leftMenu .bd{clear: both;}
.leftMenu .bd li{clear: both; margin-bottom: 1rem}
.leftMenu .bd a{text-decoration: none; font-size: 0.8rem;letter-spacing:2px; color: #999}
.leftMenu .bd a:hover{color: #000}
.leftMenu .bd a.active{color: #000}
.m-btn{display: none;}

.in_right{float: right; width: 70%; overflow: hidden;}
.content{font-family: "en_22";font-size: 18px; color: #666; line-height: 200%}
.content a{color: #00746b; text-decoration: none;}
.content img{ max-width: 100%}
.content p{margin: 1rem 0}

.content .btn{color: #fff; text-decoration: none; font-family: "en_09"; height: 34px; line-height: 34px;
margin: 0px; padding: 0px; padding: 10px 20px; font-weight: normal;}


.aboutBanner{ height: 330px; width: 100%; position: relative; overflow: hidden;}
.aboutBanner .mask{ width: 100%; height: 330px; background: rgba(0,0,0,0.3); left: 0; top: 0; position: absolute;}
.aboutBanner .banner-image{position: absolute;}

.contactBanner{ height: 500px; width: 100%; position: relative; overflow: hidden;}
.contactBanner .mask{ width: 100%; height: 500px; background: rgba(0,0,0,0.3); left: 0; top: 0; position: absolute;}
.contactBanner .banner-image{position: absolute;}
.contactBanner .s-text{ position: absolute; left: 0px; top: 0px; width: 100%; height: 500px; line-height: 500px;
font-family: "en_04"; font-size: 70px; color: #fff; text-align: center;}

.c-title{ font-size: 1.4rem; margin-bottom: 1.5rem}
.feedback{width: 100%%; clear: both;}
.contact{ clear: both; width: 100%; margin-bottom: 5rem; overflow: hidden;}
.mapBox{ clear: both; overflow: hidden; margin-bottom: 100px}
.contactMap{float: left; width: 48%;}
.contactMap:first-child{margin-right: 4%}
.contactMap .hd{font-size: 1.3em; font-weight: bold; margin-bottom: 1em}
.googleMap{height: 400px; margin-bottom: 1em}
.contactMap .bd{font-size: 1.5em; font-family: "en_22"}
.contactMap .bd p{padding: 10px 0}

.form-group{ margin-bottom: 15px; padding-right: 15px; clear: both; overflow: hidden;}
.form-group label{ font-size: 1rem; padding-bottom: 5px; clear: both; display: block;}
span.red{color: #f00}
.form-control{ display: block; width: 100%; box-sizing:border-box; border: 1px #ddd solid; padding: 10px; background: #f7f7f7;
outline: none;}
.col5{ width: 48%; float: left; margin-right: 4%}
.col5:last-child{ margin-right: 0}
.col12{ width: 100%;}

.btn{
    width: auto;
    padding: 1em 2.25em;
    color: #fff;
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d !important;
    font-family: inherit;
    font-size: 15px;
    line-height: normal;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.error{color: #f00}

.onepage{font-family: "en_22";font-size: 18px; color: #666; line-height: 200%}
.onepage a{color: #00746b;}
.onepage p{margin: 1rem 0}

.testBanner{ height: 650px; width: 100%; position: relative; overflow: hidden;}
.testBanner .mask{ width: 100%; height: 650px; background: rgba(0,0,0,0.3); left: 0; top: 0; position: absolute;}
.testBanner .banner-image{position: absolute;}
.testBanner .s-text{ position: absolute; left: 0px; top: 0px; width: 100%; height: 500px;}
.testBanner .s-text h4{display: block; color: #fff; margin-top:250px; font-size: 1.5rem; font-family: "en_02"; text-align: center;}
.testBanner .s-text h1{ width: 700px;font-family: "en_04"; font-size: 70px; color: #fff; text-align: center; margin: auto; display: block;}

.news{ clear: both; overflow: hidden;}
.news li{ margin-top: 60px}
.news li .newsTitle{font-size: 1.2rem; font-family: "en_22"; margin-bottom: 1rem; font-weight: bold;}
.news li .content{ border-bottom: 1px #ddd solid; padding-bottom: 60px}


#calendar{ width: 90%; margin: auto; margin-top: 50px;}
.fc-event-title{ color: #fff; font-size: 1rem; font-family: "en_22"}

.eventInfo,.rightInfo{ background-color: #fff; border: 1px #f1f1f1 solid; margin-top: 30px; overflow: hidden; clear: both;}
.eventInfo h1{ font-size: 24px; margin:40px 20px; text-align: center;}
.eventInfo .title{ height: 50px; line-height: 50px; font-size: 16px; text-align: left; padding-left: 20px; background-color: #00746b; color: #fff}
.eventInfo .content{ min-height: 200px; padding: 20px; font-size: 14px; line-height: 150%; text-align: left;}

.rightInfo .r-title{ font-size: 1rem; text-align: left; padding-left: 10px; border-bottom: 1px #dbdbdb solid}
.rightInfo .r-content{ padding: 0px 10px; clear: both; overflow: hidden; padding-bottom: 15px; font-family: "en_22"; font-size: 0.8rem;}
.rightInfo .r-content li{ clear: both; overflow: hidden; padding: 10px 0; color: #999}
.rightInfo .r-content li lable{ font-weight: bold; float: left; margin-right: 10px;}
.rightInfo .r-content li p{ float: left; margin: 0; color: #999}
.rightInfo .r-content li lable i{ font-size: 20px; color: #ccc}

.map{ clear: both; height: 400px; width: 100%}

.eventForm{ padding: 10px; padding-bottom: 200px}
.eventForm .row{ margin-top: 30px; overflow: hidden; clear: both;}
.eventForm .row .col-xs-3{ float: left; width: 25%; padding-right: 15px; box-sizing:border-box;}
.eventForm .row .col-xs-6{ float: left; width: 50%; padding-right: 15px; box-sizing:border-box;}
.eventForm .row .col-xs-12{ float: left; width: 100%; padding-right: 15px; box-sizing:border-box;}

.row{clear: both; overflow: hidden;}
.col-md-9{ float: left; width: 72%}
.col-md-3{ float: right; width: 25%;}

a.btn-block{ text-decoration: none; width: 100%; display: block; box-sizing:border-box;}
.disabled{ background-color: #999;border-color: #999}

.content ul{ padding: 20px; margin-left: 15px}
.content ul li{ list-style-type: disc; padding:auto}
#msg{ line-height: 50px; font-size: 1rem}

.packages{ clear: both; overflow: hidden;}
.packages li{clear: both; margin-bottom: 2px; overflow: hidden;}
.packages li div{padding: 20px 0; font-size: 0.8rem}
.packages li.first div{font-size: 1.4rem; font-family: "en_21"}
.packages li .c1{float: left; width: 32%; margin-right: 2%; text-align: center;background-color: #f5f5f5;}
.packages li .c2{float: left; width: 32%; margin-right: 2%; background: #dbeaf8; text-align: center;}
.packages li .c3{float: left; width: 32%; background: #364760; color: #fff; text-align: center;}
.packages li.money .c1{background: none}
.packages li.money .c2{background: none; font-size: 1.6rem; font-family: "en_21"; color: #f60}
.packages li.money .c3{background: none; font-size: 1.6rem; font-family: "en_21"; color: #f60}

.packages li.libtn .c1{background: none}
.packages li.libtn .c2{background: none}
.packages li.libtn .c3{background: none}
.packages li.libtn .btn{text-decoration: none; background: #f60;}

.ph1{ text-align: center; margin-top: 50px; font-size: 2rem; overflow: hidden; margin-bottom: 50px}
.pbtn{text-align: center;}
.pbtn a{ display: inline-block; background: #333; color: #fff; padding: 15px 20px; font-size: 1rem; text-decoration: none;}

.successInfo{ text-align: center; font-size: 1rem; margin: 50px 0; color: #00746b; display: none;}


.goods{clear: both; overflow: hidden; margin-top: 50px;}
.goods li{ border: 1px #ddd solid; clear: both; overflow: hidden; margin-bottom: 20px;}
.goods li .name{ background: #f1f1f1; height: 40px; padding-left: 10px; line-height: 40px; font-size: 1rem; border-bottom: 1px #ddd solid}
.goods li .goods-intr{ padding: 10px; font-size: 1rem; font-family: "en_21"}
.goods li .priceBox{ clear: both; overflow: hidden; padding: 10px; text-align: right;}
.goods li .priceBox .price{color: #f60; font-size: 1rem; float: left;}
.goods li .priceBox a{display: block; float: right; font-size: 0.8rem; background: #f60; color: #fff; padding: 5px 10px; text-decoration: none;}
.goods li .priceBox a:hover{background: #f30}
.cart{position: fixed; right: 5px; bottom: 200px; width: 80px; height: 80px; background: #dbdbdb; border-radius: 50%; text-align: center; display: none;}
.cart a{display: block; width: 100%; height: 100%; text-decoration: none;}
.cart img{display: block; margin: auto; width: 50%; margin-top: 15%}
.cart span{display: block; text-align: center; display: block; background: #f60; color: #fff;
height: 15px; width: 15px; border-radius: 50%; margin: auto; margin-top: 5px}

@media (max-width: 992px){
    .in_left{ clear: both; overflow: hidden; width: 100%}
    .in_right{clear: both; width: 100%; overflow: hidden;}
    .content{ padding: 1rem}
    .leftMenu .hd{display: none;}
    .leftMenu .bd{ float: left; margin-left: 5px; display: none;}
    .leftMenu .m-btn{ float: right; font-size: 2rem; margin-right: 10px; display: block;}

    .testBanner .s-text h4{display: block; color: #fff; margin-top:250px; font-size: 1.2rem; font-family: "en_02"; text-align: center;}
    .testBanner .s-text h1{ width: 300px;font-family: "en_04"; font-size: 30px; color: #fff; text-align: center; margin: auto; display: block;}
    .onepage{ padding: 1rem}
    .c-title{ text-align: center;}
    .feedback{ float: left; width: 100%; clear: both;}
    .contact{ float: right; width: 100%;}

    .contactMap{width: 100%;}
    .contactMap:first-child{margin-right: 0}

    .googleMap{ float: left; width: 100%; height: 300px;}


    .form-group{padding-right: 0px; padding: 0 10px}
    .form-group label{ font-size: 1rem; padding-bottom: 5px; clear: both; display: block;}
    .form-control{ display: block; width: 100%; box-sizing:border-box; border: 1px #ddd solid; padding: 10px; background: #f7f7f7;
    outline: none;}
    .col5{ width: 48%; float: left; margin-right: 4%}
    .col5:last-child{ margin-right: 0}
    .col12{ width: 100%;}
}